<html>
  <head>

  </head>
  <body>

    <div class="d1">
      d111
      <div class="d2">
        d222
        <div class="d3">
          d3333
        </div>
      </div>

    </div>
  </body>

  <script>

    var d1 = document.querySelector('.d1')
    var d2 = document.querySelector('.d2')
    var d3 = document.querySelector('.d3')

    // d1.onclick = function(){
    //   console.log('d1')
    // }

    // d2.onclick = function(){
    //   console.log('d2')
    // }

    // d3.onclick = function(){
    //   console.log('d3')
    // }

    d1.addEventListener('click',function(){

      console.log('d1')

    })
    d2.addEventListener('click',function(){
      console.log('d2')

    })
    d3.addEventListener('click',function(e){

      console.log(e)
      e.stopPropagation()

      e.preventDefault()

      console.log('d3')


   window.history.back() 

    })

   // window.location.href ='http://www.baidu.com'


  </script>
</html>